<template>
  <div class="add-warp" @click="add">
    <PlusOutlined :style="{ fontSize: '24px', color: '#fff' }" />
  </div>
</template>

<script lang='ts' setup>
import { ref, reactive } from 'vue';
import { PlusOutlined } from '@ant-design/icons-vue';

const emit = defineEmits(['add'])
const add = () => {
  emit('add')
}
</script>
<style scoped lang='less'>
.add-warp {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  background-color: #9DC0FF;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 75%;
  right: 8px;
}
</style>